<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>task 103 float</title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/task3.css">
</head>
<body class="p20">
  <main class="main-bg p20 clearfix">
    <aside class="left p20">
      <img src="" class="logo">
    </aside>
    <aside class="right p20">
      <img src="" class="logo">
      <img src="" class="logo mt20 ">
      <img src="" class="logo mt20">
      <img src="" class="logo mt20">
    </aside>
    <article class="main p20">
      <h1>11111111</h1>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      <p>2222222222222222</p>
      
    </article>
  </main>
</body>
</html>